<template>
    <div>
        <button @click="change">点击事件</button>
    </div>
</template>
<script>
export default {
    data() {
        return {
          arr:[10,29,39]
        }
    },
  methods:{
    change(){
        // 1.通过索引改变数组中的一个元素
        // 解决方法: this.$set(修改的数组，修改的下标，修改的值)
        // this.arr[0] = "hi"
        // this.$set(this.arr, 0, "hi")
        // 2.直接改变数组长度
        // 解决方法:  splice（下标，长度）
        // this.arr.length = 0
        this.arr.splice(0,this.arr.length)
    }
  },
    watch:{
      arr(newVal){
        console.log("新数据");
      }
    },
}
</script>
<style lang="scss">
       
</style>